/*****
2025_renewal CSS
******/

@charset "UTF-8";

:root{
    --future-color: #3375aa;
    --future-bg: rgba(101, 170, 221, 0.5);
    --human-color: #65aadd;
    --human-bg: rgba(187, 225, 253, 0.5);
    --culture-color: #0abab5;
	--culture-bg: rgba(10, 186, 181, 0.5);
}


/* ▼▼新卒採用HPインタビュー検索結果 ▼▼ */
.list .item__label--future .item__date { color: var(--future-color);}
.list .item__label--future .item__category { background: var(--future-color);}
.list .item__label--human .item__date { color: var(--human-color);}
.list .item__label--human .item__category { background: var(--human-color);}
.list .item__label--culture .item__date { color: var(--culture-color);}
.list .item__label--culture .item__category { background: var(--culture-color);}
.list .item > a:hover .item__ttl { color: #3375aa;}
.keyword .search .other-keyword .btn-trigger { background: #3375aa;}
.color-border__main,
.color-border__main::after{ background: #3375aa;}
.color-border__main::before { background: #40A2E3;}

@media screen and (min-width: 770px) {
    .keyword .search-nav__btn:hover:not(.off) span::before { background: #3375aa;}
    .tag li a:hover { background: #3375aa;}
}
/* ▲▲新卒採用HPインタビュー検索結果 ▲▲ */


/* ▼▼新卒採用HPインタビュー詳細 共通 ▼▼ */
.interview-wrap{ display: block;}
.interview-wrap .interview-content { width: 100%;}
.category-kv__category { background: none; top: 12%; left: 4%; padding: 50px 0;}
.category-kv__category::after{display: none;}
.category-kv__category .en span { font-weight: bold; font-style: italic; font-size: clamp(60px, 7.812vw, 100px); color: #fff; letter-spacing: -3.8px;}
.category-kv__category .ja { color: #fff; font-size: clamp(18px, 2.343vw, 30px); font-family: "Noto Serif JP", serif;}
.category-kv { padding-top: 0;}
.category-kv__sns{ display: none;}

@media screen and (min-width: 770px) {
    .btn--white.btn-wrap .btn:hover::before { background: #3375aa;}
}
@media screen and (max-width: 769px) {
    .category-kv__category { top: 10%; left: 0; padding: 10px;}
    .category-kv__category .en span{ font-size: clamp(22px, 5.866vw, 50px);letter-spacing: 0;}
    .category-kv__category .ja { font-size: clamp(10px, 2.666vw, 18px);}
}
/* ▲▲新卒採用HPインタビュー詳細 共通 ▲▲ */


/* ▼▼新卒採用HPインタビュー FUTURE ▼▼ */
.color--03 .category-kv__category::after { border-left: solid 6px var(--future-color); border-top: solid 6px var(--future-color);}
.color--03 .index-list ul { border-color: var(--future-color);}
.color--03 .interview-main__comment::before { background: var(--future-bg);}
.color--03 .interview-main__comment .inner::before, .color--03 .interview-main__comment .inner::after { border-color: var(--future-color);}
.color--03 .interview-main__comment2 { background: var(--future-bg);}
.color--03 .interview-main__comment2 svg.quotation { fill: var(--future-color);}
/* ▲▲新卒採用HPインタビュー FUTURE ▲▲ */


/* ▼▼新卒採用HPインタビュー HUMAN ▼▼ */
.human .category-kv__category { top: 2%;}
.human .category-kv__photo { max-width: unset; width: 100%;}
.color--02 .index-list ul { border-color: var(--human-color);}
.color--02 .interview-main__comment .inner::before, .color--02 .interview-main__comment .inner::after { border-color: var(--human-color);}
.color--02 .interview-title__h4 { color: var(--human-color);}
.color--02 .interview-main__commitment--ttl .inner { border-bottom: 5px solid var(--human-color);}
.color--02 .interview-main__commitment::before { background: var(--human-bg);}
.color--02 .interview-main__comment::before { background: var(--human-bg);}
@media screen and (max-width: 769px) {
.human .category-kv__category { top: 1.1%;}
}
/* ▲▲新卒採用HPインタビュー HUMAN ▲▲ */


/* ▼▼新卒採用HPインタビュー CULTURE ▼▼ */
.color--01 .index-list ul { border-color: var(--culture-color);}
.color--01 .interview-main__comment .inner::before, .color--01 .interview-main__comment .inner::after { border-color: var(--culture-color);}
.color--01 .interview-main__comment::before { background: var(--culture-bg);}
/* ▲▲新卒採用HPインタビュー CULTURE ▲▲ */